
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>

    <head>
        <title>JAVA CAMPING</title>
    </head>
    <body>
        <jsp:include page="../tools/TopBanner.jsp"></jsp:include>

        
                <div class="row">
                    <div class="col-md-7 col-sm-6 map-wrapper">
                        <h3 class="widget-title">我們的位置</h3>
                        <div class="map-holder"></div>
                        <div class="contact-infos">
                            <ul>
                                <li>那山那谷休閒農場</li>
                                <li>宜蘭縣南澳鄉金洋村金洋路2號</li>
                                <li>Tel:0978-088-555</li>
                                <li>Email: <a href="mailto:java@camping.com">java@camping.com</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-5 col-sm-6">
                        <h3 class="widget-title">與我們聯絡</h3>
                        <div class="contact-form">
                            <form name="contactform" id="contactform" action="#" method="post">
                                <p>
                                    <input name="name" type="text" id="name" placeholder="您的大名">
                                </p>
                                <p>
                                    <input name="email" type="text" id="email" placeholder="您的Email"> 
                                </p>
                                <p>
                                    <input name="subject" type="text" id="subject" placeholder="提問標題"> 
                                </p>
                                <p>
                                    <textarea name="message" id="message" placeholder="內容詳述"></textarea>    
                                </p>
                                <input type="submit" class="mainBtn" id="submit" value="點我送出">
                            </form>
                        </div> <!-- /.contact-form -->
                    </div>
                </div>

                
        <%@include file="../tools/PageFooter.jsp"  %>
       
        <!-- Google Map -->
        <script src="http://maps.google.com/maps/api/js?sensor=true"></script>
        <script src="../js/vendor/jquery.gmap3.min.js"></script>
        
        <!-- Google Map Init-->
        <script type="text/javascript">
            jQuery(function($){
                $('.first-map, .map-holder').gmap3({
                    marker:{
                        address: '24.459338,121.745411' 
                    },
                        map:{
                        options:{
                        zoom: 13,
                        scrollwheel: false,
                        streetViewControl : true
                        }
                    }
                });
            });
        </script>
    </body>
</html>
